<!<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/mui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css" />
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/mui.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div class="title-header">
                <div class="header-img"><img src="./image/main_image_head.png" /></div>
                <div class="header-name">名字</div>
            </div>
            <div class="middle-content">
    <div class='my-slider member-page'>
        <span><img src="./image/main_image_head_da.png" /></span><br />
        <label>名字</label>
    </div>
    <div class="nav-list">
        <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right edit-pwd"><i class="mui-icon mui-icon-locked"></i>修改密码</a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right"><i class="mui-icon mui-icon-phone"></i>联系方式</a>
                </li>
                <li class="mui-table-view-cell">
                    <a class="mui-navigate-right"><i class="mui-icon mui-icon-chat"></i>建议反馈</a>
                </li>
        </ul>
    </div>
    <div class="edit-password">
        <div class="back-header">
                <div class="header-img"><i class="mui-icon mui-icon-arrowleft"></i></div>
                <div class="header-txt">修改密码</div>
        </div>
    </div>
</div>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" href="./index.html">
        <span class="nav-ico gzt"><!-- <span class="mui-badge">9</span>> --></span><br />
        <span class="mui-tab-label">工作台</span>
    </a>
    <a class="mui-tab-item mui-active" href='./member.html'>
        <span class="nav-ico member"><!-- <span class="mui-badge">9</span>> --></span><br />
        <span class="mui-tab-label">个人中心</span>
    </a>
    <a class="mui-tab-item">
        <span class="nav-ico  txl"><!-- <span class="mui-badge">9</span>> --></span><br />
        <span class="mui-tab-label">通讯录</span>
    </a>
</nav>
<script>
        $('.mui-tab-item').click(function(){
            window.location.href=$(this).attr('href')
        });
        $('.edit-pwd').click(function(){
            $('.edit-password').stop().animate({top:0}).show()
        })
        $('.header-img').click(function(){
            $('.edit-password').stop().fadeOut(200).animate({top:'20%'},'fast')
        })
     </script>
</body>
</html>